<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/sistema/template/template.xhtml" xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">

	<ui:define name="corpo">

		<h1 id="H1">
			<h:outputLabel value="Início" id="TITULO" />
		</h1>

		<center>

			<p:fieldset style="width: 572px;"> Selecione uma aplicação para gerenciá-la. </p:fieldset>

			<p:spacer height="20" />



			<h:panelGrid id="PANEL_DATATABLE" columns="4" width="100%">

				<p:column >
					<p:dataTable id="DATATABLE_RESULTADO" emptyMessage="#{label.sistema_tabela_filtro_vazia}"
						rendered="#{visualizarInformacoesIniciaisMB.exibirQuadroAvisos}" var="item" value="#{visualizarInformacoesIniciaisMB.aplicacoes}"
						selection="#{visualizarInformacoesIniciaisMB.aplicacao}" selectionMode="single" rowKey="#{item}" paginator="true" paginatorPosition="bottom"
						rows="10">

						<p:column id="DATA_COLUMN_SIGLA" headerText="#{label.manutencao_aplicacao_sigla}" sortBy="#{item.sigla}">
							<h:outputText id="DATA_COLUMN_SIGLA_LBL" value="#{item.sigla}" />
						</p:column>

						<p:ajax event="rowUnselect" update="@form" />
						<p:ajax event="rowSelect" update="@form" />

					</p:dataTable>
				</p:column>

				<p:column colspan="3">
					<p:dataTable id="DATATABLE_RESULTADO_AVISOS" emptyMessage="#{label.sistema_tabela_filtro_vazia}"
						rendered="#{visualizarInformacoesIniciaisMB.exibirQuadroAvisos}" var="item" value="#{visualizarInformacoesIniciaisMB.aplicacoes}"
						selection="#{visualizarInformacoesIniciaisMB.aplicacao}" selectionMode="single" rowKey="#{item}" paginator="true" paginatorPosition="bottom"
						rows="10">

						<p:column id="DATA_COLUMN_SIGLA" headerText="#{label.manutencao_aplicacao_sigla}" sortBy="#{item.sigla}">
							<h:outputText id="DATA_COLUMN_SIGLA_LBL" value="#{item.sigla}" />
						</p:column>

						<p:ajax event="rowUnselect" update="@form" />
						<p:ajax event="rowSelect" update="@form" />

					</p:dataTable>

				</p:column>

			</h:panelGrid>

			<p:spacer height="30" />

		</center>

	</ui:define>

</ui:composition>
